@import '../../../file/font/font1.css'; /* component/floatIcon.wxss */

.home {
    position: fixed;
    bottom: 10%;
    color: white;
    text-align: center;
    z-index: 99;
    right: 20rpx;
}

.home .homeCon {
    width: 50rpx;
    border-radius: 50rpx;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    transform: scale(0);
    height: 0rpx;
}

.home .pictrue .button {
    width: 85rpx;
    height: 85rpx;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .button view{
  margin-top:-44rpx; 
   margin-left:-20rpx; 
} */

.home .homeCon.on {
    opacity: 0.7;
    transform: scale(1);
    height: 300rpx;
    color: #fff;
}

.home .pictrue {
    width: 85rpx;
    height: 85rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    opacity: 0.7;
}

button::after {
    border: none;
}

.home .pictrue image {
    max-width: 60%;
    max-height: 60%;
}
